import React, {Component} from 'react';
import './SingerList.css';

class SingerList extends Component {

	componentDidMount() {

	}

	render() {
		return (
			<ul className='singerList'>
				{
					this.props.singerList.map((item, index) => {
						return (
							<li className='singer' key={item.id}>
								<div className="imgContainer">
									<img src={item.img1v1Url || item.coverImgUrl} alt=""/>
								</div>
								<div className="name">{item.name}</div>
							</li>
						)
					})
				}
			</ul>
		);
	}
}

export default SingerList;